﻿@page "/login"
@layout BlazorAppDemo.Components.Layout.LoginLayout //需有独立的Layout，否则将在MianLayout中的@Body中显示

<style>
    .panel {
        /* backdrop-filter: blur(20px); */
        /* color: #000;*/
        box-shadow: 0 0 10px 5px rgba(0, 0, 50, .3);
        background-color: #ffffffc2;
    }

    input:-webkit-autofill {
        /*自动填入文本颜色*/
        /* -webkit-text-fill-color: transparent !important; */
        /*自动填入光标颜色*/
        caret-color: Gray;
        /*背景透明；原理：动画由透明变有背景色；参数：背景色属性、动画时间、动画速度曲线、延迟时间*/
        transition: background-color 0s linear 3600s;
        background-color: transparent !important;
    }
</style>

<MudPaper Class="pa-10 panel" Width="100%" Height="auto" MaxWidth="500px">
    <MudImage Width=237 Src="/images/banner.png" Class="my-6 mx-auto text-center d-flex flex-center" />
    <MudTextField T="string" Label="账号" />
    <MudTextField T="string" Label="密码" />
    <MudButton Color="Color.Primary" Size="Size.Large" Class="my-8 ml-6 mr-6" Variant="Variant.Filled" >登录</MudButton>
</MudPaper>